<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的增强</title>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</body>
<script>
    //数组合并
    arr1 = [1,2,3]
    arr2 = [4,5,6]
    // spread ... 扩展运算符
    newArr = [...arr1,...arr2] // ... 循环遍历的意思，节省了遍历的代码
    console.log(newArr);

    // 传参
    console.log(Math.max(...arr1))

    // Array.from 将伪数组转换成真实数组
    const list = document.getElementsByTagName('li')    
    console.log(Array.from(list));

    function test() {
        // arguments 
        console.log(arguments);
        console.log(Array.from(arguments));

    }
    test(1,2,3,4)

    // Array.of 用来替换es5 的Array 方法 通过值来创建数组
    console.log(Array.of(1,2,3));

    //find 函数插好的第一个符合条件的数组元素
    //他的参数是一个回调函数(return) 在回调函数内可以写查找元素的条件
    //当条件成立时，返回改元素，不成立的时候返回undefined
    res = arr1.find(function(item){
        console.log(item);//
        return item>2
    })
    //findIndex 参数是回调函数 找到第一个满足条件的元素并返回其下标

    console.log(res);
    // fill 函数  使用函数内的参数替换原数组中的成员，并且原数组会改变

</script>
</html>